<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<div>我是div</div>
<ul>
    <li>1</li>
    <li>2</li>
</ul>
<script>
    /*
    文档对象模型Document引用的 querySelector() 方法返回文档中与指定选择器或选择器组匹配的第一个 Element对象。如果找不到匹配项，则返回null。
    语法:
        element = document.querySelector(selectors)
    参数:selectors
        包含一个或多个要匹配的选择器的 DOM 字符串DOMString。该字符串必须是有效的 CSS 选择器字符串
    返回值
        表示文档中与指定的一组 CSS 选择器匹配的第一个元素，一个 Element对象。如果没有匹配到，则返回 null。
    */
    const div = document.querySelector("div")
    console.log(div)
    //修改style
    div.style.color="red"
    const li=document.querySelector("ul li:first-child")
    //修改style
    li.style.color="red"
    console.log(li)
</script>
</body>
</html>